/* banner 开始 */
.fullSlide {
width: 100%;
position: relative;
height: 600px;
overflow: hidden;
}
.fullSlide .bd {
height: 600px;
margin: 0 auto;
position: relative;
z-index: 1;
overflow: hidden;
}
.fullSlide .bd ul {
width: 100% !important;
}
.fullSlide .bd li {
width: 100% !important;
height: 600px;
overflow: hidden;
text-align: center;
}
.fullSlide .bd li a {
display: block;
height: 600px;
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
height: 35px;
text-align: center;
}
.fullSlide .hd ul {
text-align: center;
}
.fullSlide .hd ul li {
cursor: pointer;
display: inline-block;
zoom: 1;
width: 12px;
height: 12px;
margin: 7px;
background-color: #bfbfbf;
overflow: hidden;
line-height: 99px;
border-radius: 50%;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.fullSlide .hd ul .on {
width: 40px;
background: #cf2d2e;
border-radius: 6px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.fullSlide .prev, .fullSlide .next {
width: 40px;
height: 60px;
position: absolute;
top: 50%;
margin-top: -30px;
z-index: 2;
background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
filter: alpha(opacity=30);
-moz-opacity: .3;
opacity: .3;
-webkit-transition: all .5s linear;
transition: all .5s linear;
}
.fullSlide .prev {
background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
left: 10%;
}
.fullSlide .next {
background-position: -6px -137px;
right: 10%;
}
/* banner ç»“æŸ */
/* animated home */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.animated_1 {
animation-delay: 0.3s;
}
.animated_2 {
animation-delay: 0.6s;
}
.animated_3 {
animation-delay: 0.9s;
}
.animated_4 {
animation-delay: 1.2s;
}
.animated_5 {
animation-delay: 1.5s;
}
.animated_6 {
animation-delay: 1.8s;
}
.animated_7 {
animation-delay: 2.1s;
}
.animated_8 {
animation-delay: 2.4s;
}
.animated_9 {
animation-delay: 2.7s;
}
.animated_10 {
animation-delay: 3s;
}
.animated_11 {
animation-delay: 3.3s;
}
.animated_12 {
animation-delay: 3.6s;
}
/* animated end */
/*æ–°é—»*/
.in_newsfaq_ss {
padding-top: 40px;
background: #eeeff4;
margin-top: 10px;
padding-bottom: 57px;
}
.in_newsfaq {
width: 1200px;
height: auto;
margin: 0 auto;
padding-top: 38px;
}
.in_news_1 {
float: left;
width: 700px;
overflow: hidden;
position: relative;
}
.in_news_1 .tab_box_news {
}
.in_news_2 {
width: auto;
}
.in_newss_4 {
float: left;
width: 245px;
}
.in_newss_4_1 {
width: 245px;
height: 275px;
overflow: hidden;
}
.in_newss_4_1 img {
width: 245px;
height: 275px;
transition: all 0.5s;
transform: scale(1);
}
.in_newss_4_1 a:hover img {
transition: all 0.5s;
transform: scale(1.06);
}
.in_news_pro_5 {
float: right;
width: 430px;
}
.in_news_pro_5 ul li {
height: 54px;
line-height: 54px;
overflow: hidden;
border-bottom: 1px dashed #999999;
}
.in_news_pro_5 ul li a {
display: block;
padding: 0 10px 0 18px;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: url(../images/news_d1.png) no-repeat 0;
}
.in_news_pro_5 ul li a:hover {
color: #cf2d2e;
padding-left: 28px;
background: url(../images/news_d2.png) no-repeat 10px;
}
.in_news_pro_5 ul li span {
float: right;
color: #666;
}
.in_news_pro_5 ul li:hover span {
color: #cf2d2e;
}
.in_faq {
float: right;
width: 430px;
}
/*é—®ç”æ ‡é¢˜*/
.in_faq_t {
height: 35px;
border-bottom: 5px solid #e7e8ec;
padding-top: 15px;
}
.in_faq_t span {
float: left;
width: 130px;
height: 35px;
line-height: 23px;
font-size: 16px;
color: #333;
}
.in_faq_t span h3 {
font-size: 16px;
height: 23px;
font-weight: bold;
}
.in_faq_t_more {
float: right;
width: 100px;
height: 35px;
line-height: 1;
font-size: 14px;
text-transform: uppercase;
text-align: right;
}
.in_faq_t_more a {
color: #333;
display: block;
}
.in_faq_t_more a:hover {
color: #cf2d2e;
}
.in_faq_pro {
}
.in_faq_as {
}
.in_faq_pro {
overflow: hidden;
margin-top: 15px;
height: 207px;
}
.in_faq_1 {
overflow: hidden;
height: 207px;
}
.in_faq_x {
height: 90px;
margin: 0 0 25px 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
border-bottom: 1px dashed #999;
}
.in_faq_a {
height: 30px;
line-height: 30px;
background: url(../images/qqq.png) no-repeat left;
padding-left: 35px;
color: #333;
overflow: hidden;
font-size: 14px;
}
.in_faq_a a {
color: #333;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.in_faq_a a:hover {
padding-left: 10px;
color: #cf2d2e;
}
.in_faq_q {
background: url(../images/aaa.png) 0 no-repeat;
padding-left: 35px;
height: 30px;
line-height: 30px;
color: #666;
margin-top: 7px;
overflow: hidden;
}
/*æ–°é—»end*/
.a_tite {
text-align: center;
}
.a_tite h3 {
line-height: 1;
font-size: 30px;
color: #cf2d2e;
font-weight: bold;
background: url(../images/in_x1.png) no-repeat center bottom;
padding-bottom: 20px;
}
.a_tite h5 {
color: #666;
font-size: 14px;
padding-top: 10px;
letter-spacing:1px;
}
/*产å“*/
.in_products_xx {
padding-top: 60px;
}
.in_products {
width: 1200px;
margin: 0 auto;
position: relative;
padding-top: 35px;
}
.in_products_l {
float: left;
width: 200px;
overflow: hidden;
background: #333;
padding-bottom: 4px;
}
.pl_tel {
color: #fff;
height: 88px;
}
.pl_telss {
height: 88px;
text-align: center;
}
.pl_tel_txt {
line-height: 20px;
font-size: 18px;
color: #fff;
padding-top: 10px;
}
.pl_tel_dh {
font-size: 16px;
height: 20px;
line-height: 20px;
text-transform: uppercase;
color: #fff;
padding-top: 20px;
}
.sideMen {
margin: 0 4px;
padding: 20px 10px 0 10px;
height: 372px;
background: #fff;
border-radius: 5px;
}
.in_products_l_er {
}
.in_products_l_er ul li {
height: 36px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
text-transform: uppercase;
margin-bottom: 10px;
}
.in_products_l_er ul li a {
display: block;
line-height: 36px;
font-size: 14px;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all .3s linear;
transition: all .3s linear;
padding-left: 28px;
padding-right: 5px;
}
.in_products_l_er ul li a:hover {
color: #fff;
padding-left: 38px;
background: #cf2d2e;
}
.in_products_r {
width: 992px;
float: right;
overflow: hidden;
}
.in_products_r .tab_box {
}
.in_products_r .tab_box .hide {
display: none;
}
.in_products_pro {
position: relative;
}
.in_pro_2 {
float: left;
width: 218px;
margin: 0 0 18px 18px;
overflow: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
position: relative;
background: #fff;
padding: 5px;
border: 1px solid #dddddd;
}
.in_pro_2 .in_pro_1pic {
width: 100%;
height: 176px;
overflow: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.in_pro_2 .in_pro_1pic img {
width: 100%;
transform: scale(1);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.in_pro_txt {
width: 100%;
height: 40px;
line-height: 40px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
text-align: center;
background: #eeeff4;
margin-top: 5px;
}
.in_pro_txt h6 {
font-size: 14px;
height: 40px;
line-height: 40px;
}
.in_pro_txt h6 a {
color: #333;
padding: 0 10px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.in_pro_2:hover {
border: 1px solid #cf2d2e;
}
.in_pro_2:hover .in_pro_txt {
background: #cf2d2e;
}
.in_pro_2:hover .in_pro_txt h6 a {
color: #fff;
}
/*产å“end*/
.hotproduct {
width: 100%;
height: 486px;
background: url(../images/cp_bg.jpg) no-repeat center;
margin-top: 45px;
}
.hotproduct_box {
width: 1200px;
height: 486px;
margin: 0 auto;
}
.hotproduct_l {
float: left;
width: 400px;
overflow: hidden;
}
.hotproduct_la {
padding-top: 80px;
}
.hotproduct_la h3 {
font-size: 30px;
font-weight: bold;
}
.hotproduct_la h3 span {
color: #cf2d2e;
}
.hotproduct_la h4 {
width: 17px;
height: 5px;
background: #cf2d2e;
margin-top: 22px;
}
.hotproduct_la h5 {
font-size: 16px;
margin-top: 30px;
}
.hotproduct_er {
padding-top: 25px;
width: 200px;
margin-left: 10px;
}
.hotproduct_er ul li {
height: 36px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
text-transform: uppercase;
margin-bottom: 15px;
}
.hotproduct_er ul li a {
display: block;
line-height: 34px;
font-size: 14px;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all .3s linear;
transition: all .3s linear;
padding: 0 18px;
border-radius: 18px;
border: 1px solid #666666;
}
.hotproduct_er ul li a:hover {
color: #fff;
background: #cf2d2e;
border: 1px solid #cf2d2e;
}
.cp_more {
width: 108px;
height: 30px;
font-size: 14px;
margin-top: 30px;
margin-left: 10px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.cp_more a {
color: #fff;
display: block;
line-height: 30px;
text-align: center;
background: #cf2d2e;
border-radius: 5px;
}
.cp_more a:hover {
color: #fff;
background: #333;
}
.hotproduct_r {
float: right;
width: 788px;
height: 488px;
overflow: hidden;
}
.hotproduct_r img{
width: 788px;
height: 488px;
}
/*产å“2*/
.in_products_two {
width: 1230px;
height: 385px;
margin: 0 auto;
overflow: hidden;
margin-top: 40px;
}
.in_products_two_pro {
position: relative;
height: 385px;
}
.in_pro_two {
float: left;
width: 350px;
margin: 0 15px 15px 15px;
overflow: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
position: relative;
background: #fff;
padding: 7px;
border: 8px solid #eeeff4;
}
.in_pro_two .in_pro_twopic {
width: 100%;
height: 282px;
overflow: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.in_pro_two .in_pro_twopic img {
width: 100%;
transform: scale(1);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.in_pro_twotxt {
width: 100%;
height: 50px;
line-height: 50px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
text-align: center;
background: #fff;
margin-top: 5px;
}
.in_pro_twotxt h6 {
font-size: 14px;
height: 50px;
line-height: 50px;
}
.in_pro_twotxt h6 a {
color: #333;
padding: 0 10px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.in_pro_two:hover {
border: 8px solid #ffc4c4;
}
.in_pro_two:hover .in_pro_twotxt {
background: #cf2d2e;
}
.in_pro_two:hover .in_pro_twotxt h6 a {
color: #fff;
}
/*产å“2end*/
/*å…¬å¸æ–°é—»*/
.gsnews_bg {
height: 204px;
margin-top: 45px;
background:url(../images/gs_bg.png) no-repeat center top;
}
.gsnews {
width: 1200px;
margin: 0 auto;
}
.gsnewsleft {
float: left;
width: 588px;
height: 180px;
position: relative;
margin: 11px 0 0 11px;
}
.gsnewsleft_1 {
float: left;
width: 278px;
height: 182px;
overflow: hidden;
border: 1px solid #cf2d2e;
padding: 5px;
box-sizing: border-box;
}
.gsnewsleft_1 img {
width: 266px;
height: 170px;
transition: all 0.5s;
transform: scale(1);
}
.gsnewsleft_1 a:hover img {
transition: all 0.5s;
transform: scale(1.08);
}
.gsnewsleft_2 {
float: right;
width: 260px;
color: #666;
overflow: hidden;
padding-right: 25px;
}
.gsnewsleft_2 h6 {
font-size: 16px;
font-weight: normal;
color: #333;
height: 30px;
line-height: 30px;
overflow: hidden;
padding-top: 15px;
}
.gsnewsleft_2 h6 a {
color: #333;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.gsnewsleft_2 h6 a:hover {
color: #cf2d2e;
padding-left: 10px;
}
.gsnewsleft_2 h4 {
color: #666;
font-size: 14px;
line-height: 24px;
height: 72px;
overflow: hidden;
padding-top: 15px;
}
.gsnewsleft_2 h5 {
font-size: 14px;
color: #999999;
margin-top: 15px;
}
.gsnews_pro_5 {
float: left;
width: 420px;
margin-left: 38px;
padding-top: 8px;
}
.gsnews_pro_5 ul li {
height: 38px;
line-height: 38px;
overflow: hidden;
}
.gsnews_pro_5 ul li a {
display: block;
padding: 0 10px 0 18px;
color: #666;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
background: url(../images/news_d1.png) no-repeat 0;
}
.gsnews_pro_5 ul li a:hover {
color: #cf2d2e;
padding-left: 28px;
background: url(../images/news_d2.png) no-repeat 10px;
}
.gsnews_pro_5 ul li span {
float: right;
color: #666;
}
.gsnewsright_more {
width: 110px;
height: 204px;
font-size: 0px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
float: right;
}
.gsnewsright_more a {
color: #fff;
display: block;
line-height: 30px;
text-align: center;
background: url(../images/news_jia.png) no-repeat center 120px #cf2d2e;
padding: 65px 0 108px 0;
font-size: 16px;
font-weight: bold;
}
.gsnewsright_more a:hover {
color: #fff;
background: url(../images/news_jia.png) no-repeat center 110px #333;
}
/*å…¬å¸æ–°é—»end*/
.in_banner2 {
width: 100%;
height: 220px;
background:url(../images/in_b1bg.jpg) no-repeat center;
margin-top: 60px;
}
.in_banner2_1 {
width: 1200px;
height: 220px;
margin: 0 auto;
position: relative;
}
.in_banner2_right {
color: #fff;
text-align: center;
padding-left: 380px;
width: 612px;
}
.in_banner2_pic {
height: 30px;
line-height: 30px;
font-size: 30px;
color: #fff;
padding-top: 70px;
font-weight: bold;
}
.in_banner2_pic2 {
height: 34px;
line-height: 34px;
font-size: 20px;
text-transform: uppercase;
color: #fff;
margin-top: 15px;
}
.in_banner2_2 {
width: 300px;
height: 100px;
position: absolute;
left: 48px;
top: 35px;
}
.in_banner2_3 {
color: #fff;
height: 36px;
line-height: 36px;
background:url(../images/in_btel.png) no-repeat 0;
padding-left: 36px;
font-size: 18px;
font-weight: bold;
}
.in_banner2_6 {
color: #2383d4;
width: 108px;
height: 30px;
line-height: 30px;
font-size: 14px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
margin-top: 15px;
margin-left: 36px;
}
.in_banner2_6 a {
color: #cf2d2e;
display: block;
background:#fff;
border-radius: 5px;
text-align: center;
}
.in_banner2_6 a:hover {
background:#333;
color: #fff;
}
/*banner3*/
.in_banner3 {
width: 100%;
height: 240px;
background:url(../images/in_b2bg.jpg) no-repeat center;
margin-top: 55px;
}
.in_banner3_1 {
width: 1200px;
height: 240px;
margin: 0 auto;
position: relative;
}
.in_banner3_right {
color: #fff;
text-align: center;
}
.in_banner3_pic {
height: 30px;
line-height: 30px;
font-size: 24px;
color: #fff;
padding-top: 40px;
font-weight: bold;
}
.in_banner3_pic2 {
height: 120px;
width: 600px;
margin: 0 auto;
margin-top: 15px;
}
.in_banner3_pic2 ul li{
float: left;
width: 200px;
}
.in_banner3_pic2 ul li h5{
font-size: 14px;
font-weight: bold;
padding-top: 3px;
}
.in_banner3_pic2 ul li h6{
font-size: 14px;
padding-top: 18px;
}
.in_banner3_pic2 ul li i{
width: 50px;
height: 50px;
margin: 0 auto;
display: block;
}
.in_banner3_picd1{
background:url(../images/in_b2d1.png) no-repeat center;
}
.in_banner3_picd2{
background:url(../images/in_b2d2.png) no-repeat center;
}
.in_banner3_picd3{
background:url(../images/in_b2d3.png) no-repeat center;
}
.in_banner3_6 {
width: 108px;
height: 30px;
line-height: 30px;
font-size: 14px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
position: absolute;
top: 165px;
right: 150px;
}
.in_banner3_6 a {
color: #fff;
display: block;
background:#cf2d2e;
border-radius: 5px;
text-align: center;
}
.in_banner3_6 a:hover {
background:#fff;
color: #cf2d2e;
}
/*youshi*/
.advantage{
padding-top: 58px;
}
.advantage_box{
width: 1200px;
margin: 0 auto;
padding-top: 34px;
}
.youshi_t {
height: 100px;
background:url(../images/ys_t.png) no-repeat center top;
}
.youshi_t h3 {
font-size: 24px;
text-transform: uppercase;
color: #fff;
line-height: 1;
text-align: center;
padding-top: 55px;
}
.youshi_t2{
text-align: center;
color: #666;
letter-spacing:5px;
padding-top: 8px;
}
.advantage_p{
}
.advantage_pmt{
margin-top: 40px;
}
.advantage_pl{
float: left;
width: 568px;
}
.advantage_pr{
float: right;
width: 568px;
}
.advantage_pt{
height: 56px;
line-height: 1;
padding-left: 40px;
}
.advantage_pt h5{
font-size: 16px;
font-weight: bold;
}
.advantage_pt h6{
font-size: 12px;
color: #999999;
text-transform:uppercase;
padding-top: 5px;
}
.advantage_pd1{
background:url(../images/ys_d1.png) no-repeat 0 0;
}
.advantage_pd2{
background:url(../images/ys_d2.png) no-repeat 0 0;
padding-left: 50px;
}
.advantage_pd3{
background:url(../images/ys_d3.png) no-repeat 0 0;
}
.advantage_pd4{
background:url(../images/ys_d4.png) no-repeat 0 0;
margin-top: 40px;
}
.advantage_pimg{
display: block;
-webkit-transition: all .3s ease-out; transition: all .3s ease-out;
}
.advantage_pimg img{
display: block;
}
.advantage_pimg:hover{
transform: translate(-5px, -5px); -webkit-transform: translate(-5px, -5px); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}
.advantage_pline1{
height: 27px;
background: #cf2d2e;
margin-top: 38px;
}
.advantage_pline2{
height: 29px;
background:url(../images/ys_line1.png) no-repeat 0 0;
}
.advantage_ptxt{
height: 75px;
line-height: 1;
padding-top: 45px;
}
.advantage_ptxt h5{
font-size: 20px;
font-weight: bold;
text-transform:uppercase;
color: #cccccc;
}
.advantage_ptxt h6{
font-size: 20px;
color: #cf2d2e;
font-weight: bold;
padding-top: 10px;
}
.advantage_pt1{
padding-top: 110px;
}
.advantage_pt2{
padding-top: 70px;
}
.advantage_pzhu{
line-height: 30px;
color: #666;
}
/*案例 */
.case_bg {
width: 100%;
padding-top: 60px;
background:url(../images/al_bg1.png) repeat-x top;
}
.case_cont {
width: 1210px;
margin: 0 auto;
}
.in_case_ss {
width: 1210px;
position: relative;
padding-top: 34px;
}
.in_case_right {
width: 100%;
position: relative;
overflow: hidden;
}
.in_case_cont {
}
.in_case {
}
.in_case_li {
float: left;
width: 292px;
height: 375px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
position: relative;
margin: 0 5px 20px 5px;
}
.in_case_txt {
width: 100%;
height: 160px;
background: #fff;
position: absolute;
left: 0;
bottom: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.in_case_txt h6 {
height: 30px;
line-height: 30px;
padding-top: 25px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.in_case_txt h6 a {
color: #333;
font-size: 16px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
padding: 0 34px;
}
.in_case_txt h5 {
height: 60px;
line-height: 30px;
font-size: 14px;
padding: 10px 34px 0 34px;
overflow: hidden;
color: #666;
}
.case_imgscale_x {
width: 100%;
height: 215px;
}
.case_imgscale {
width: 100%;
height: 215px;
overflow: hidden;
position: relative;
}
.case_imgscale img {
width: 100%;
}
.in_case_li:hover h6 {
transform: scale(1);
opacity: 1;
}
.in_case_li:hover {
background: #cf2d2e;
box-shadow: 0 8px 8px 0px rgba(207, 45, 46, 0.25);
}
.in_case_li:hover .in_case_txt {
width: 100%;
height: 190px;
background: #cf2d2e;
}
.in_case_li:hover .in_case_txt h6{
padding-top: 55px;
}
.in_case_li:hover .in_case_txt h6 a {
color: #fff;
}
.in_case_li:hover .in_case_txt h5 {
color: #fff;
}
.in_case_li:hover .in_case_txt h4 {
background: #fff;
}
/*简介*/
.in2_about {
width: 100%;
margin-top: 35px;
}
.in2_about_1 {
width: 1200px;
margin: 0 auto;
background: url(../images/ab_bg.jpg) no-repeat left bottom;
position: relative;
margin-top: 34px;
}
.in2_about_2 {
float: right;
width: 522px;
height: 325px;
}
.in2_about_2 .in_aimgscale {
width: 522px;
height: 325px;
overflow: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.in2_about_2 .in_aimgscale img {
height: 325px;
}
.in2_about_3x {
float: left;
width: 635px;
}
.in2_about_6 {
padding: 0 0 0 0;
}
.in2_about_4b {
font-size: 12px;
color: #999;
text-transform: uppercase;
padding-top: 5px;
}
.in2_about_4d{
width: 27px;
height: 4px;
background: #cf2d2e;
margin-top: 20px;
}
.in2_about_4c {
font-size: 24px;
color: #cf2d2e;
line-height: 30px;
height: 30px;
font-weight: bold;
padding-top: 10px;
}
.in2_about_4c a{
color: #cf2d2e;
}
.in2_about_3 {
line-height: 30px;
height: 120px;
overflow: hidden;
padding: 20px 0 0 0;
font-size: 14px;
color: #666;
}
.in2_about_5 {
height: auto;
}
/*风采*/
.fcc_bg {
width: 100%;
background:url(../images/news_bg.jpg) no-repeat center top;
padding-top: 42px;
}
.fcc_cont {
width: 1200px;
margin: 0 auto;
}
.in_fcc_ss {
width: 1200px;
position: relative;
}
#tab_fcc {
height: 70px;
width: 1200px;
margin: 0 auto;
}
#tab_fcc .fcc_menu {
height: 40px;
}
#tab_fcc .fcc_menu li {
float: left;
width: 130px;
height: 40px;
font-size: 14px;
cursor: pointer;
color: #fff;
margin-right: 10px;
padding: 2px;
box-sizing: border-box;
background: #333;
}
#tab_fcc .fcc_menu li a {
color: #fff;
display: block;
text-align: center;
line-height: 34px;
border: 1px solid #d6d6d6;
}
#tab_fcc .fcc_menu .on {
cursor: pointer;
background-color: #cf2d2e;
}
#tab_fcc .fcc_menu .on a{
color: #fff;
border: 1px solid #f5d5d5;
}
.in_fcc_right {
width: 100%;
height: 160px;
position: relative;
overflow: hidden;
}
.in_fcc_cont{
width: 100%;
height: 160px;
position: relative;
}
.in_fcc {
height: 160px;
margin: 0 auto;
overflow: hidden;
width: 105%;
}
.in_fcc_li {
float: left;
width: 210px;
height: 130px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
position: relative;
margin: 0 37px 0 0;
border-radius: 8px;
}
.in_fcc_li h6 {
width: 100%;
height: 100%;
font-size: 14px;
font-weight: normal;
line-height: 135px;
overflow: hidden;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
background-color:rgba(207,45,46,0.8);
position: absolute;
left: 0;
top: 0;
opacity: 0;
border-radius: 8px;
}
.in_fcc_li h6 a {
color: #fff;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
padding: 0 20px;
}
.fc_imgscale_x {
width: 100%;
height: 100%;
border-radius: 8px;
}
.fc_imgscale {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
border-radius: 8px;
}
.fc_imgscale img {
width: 100%;
height: 100%;
border-radius: 8px;
}
.in_fcc_li:hover h6 {
opacity: 1;
}
/*风采end*/